<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1"><!--移动设备优先-->
	<title>系统设置</title>
	<style type="text/css">@import url("<c:url value="/css/lib/bootstrap.min.css"/>");</style>
	<style type="text/css">@import url("<c:url value="/css/lib/V2.0/weknow.css"/>");</style>
	<style type="text/css">@import url("<c:url value="/css/lib/font-awesome.min.css"/>");</style>
	<style type="text/css">@import url("<c:url value="/plugins/jquery-ui/jquery-ui.min.css"/>");</style>
	<style type="text/css">@import url("<c:url value="/plugins/home_page_common/home_page_common.css"/>");</style>
	<style type="text/css">@import url("<c:url value="/plugins/system_setting/system_setting.css"/>");</style>
</head>
<body style="padding-top: 0px!important; overflow-y: scroll">
<!-- Preloader -->
<div class="animationload">
	<div class="loader">
		Loading...
	</div>
</div>
<!--跳转过来前是否为全屏状态-->
<input type="hidden" id="screenState" value="${screenState}">
<div class="outer">
	<div class="fullScreen">
		<header>
			<div class="head tag-area tag-left">
				<div class="tag" <c:if test="${institutionReview}">id="institutionReview"</c:if>><span>机构信息</span></div>
				<div class="tag" <c:if test="${institutionAutonomy}">id="institutionAutonomy"</c:if>><span>机构自治</span></div>
				<div class="tag" <c:if test="${industryAutonomy}">id="industryAutonomy"</c:if>><span>行业自律</span></div>
				<div class="tag" <c:if test="${governmentVision}">id="governmentVision"</c:if>><span>政府监管</span></div>
			</div>
			<div class="head title"></div>
			<div class="head tag-area tag-right">
				<div class="tag" <c:if test="${societyVision}">id="societyVision"</c:if>><span>社会监督</span></div>
				<div class="tag" <c:if test="${comprehensiveApplication}">id="comprehensiveApplication"</c:if>><span>综合应用</span></div>
				<div class="tag checked" <c:if test="${systemSetting}">id="systemSetting"</c:if>><span>系统设置</span></div>
				<div class="tag" id="logout"><span>退出系统</span></div>
			</div>
			<div class="head fullscreen-button">
				<img id="full_scr" style="height: 0.2rem;right: 0.1rem;" class="fullScreen-toggle" src="img/fullscreen.png">
				<img id="exit_full"  class="fullScreen-toggle" style="display:none; height: 0.2rem;right: 0.1rem;" src="img/exitfullscreen.png">
			</div>
		</header>

		<div class="bodyDiv">
			<!-- 左侧布局div -->
			<div class="leftDiv">
				<div class="departmentDiv">
					<div class="departmentTitleDiv">
						<div class="departmentTitle_1">部门列表</div>
						<c:if test="${isManager == 2}"><div class="departmentTitle_2">设置</div></c:if>
						<input id="isManager" type="hidden" value="${isManager}">
					</div>
					<div class="departmentListDiv">
						<!-- 遍历展示部门 -->
						<c:forEach var="a" items="${organizationStructureList}">
							<div class="departmentRowDiv" data-org_id="${a.id}">${a.name}</div>
						</c:forEach>
					</div>
				</div>
			</div>
			<!-- 右侧布局div -->
			<div class="rightDiv">
				<div class="userRowDiv" data-user_id="1">
					<img src="img/userPhoto.png" class="userPhotoImg">
					<div class="userNameDiv">李某某</div>
				</div>
				<div class="userRowDiv">
					<img src="img/addUser.png" class="userPhotoImg">
				</div>
			</div>
		</div>
		<!-- 部门弹出窗 -->
		<div class="popupDiv" hidden>
			<div class="departmentPopupDiv">
				<!-- 添加部门 -->
				<div class="addDepartmentDiv" hidden>
					<div class="addDepartmentRowDiv" style="margin-top: 8%;">
						<span class="addDepartmentNameSpan">部门名称</span>
						<input id="departmentName" class="addDepartmentNameInput" type="text" placeholder="请输入名称">
					</div>
					<div class="addDepartmentRowDiv" style="margin-top: 6%;align-items: normal;">
						<div class="addDepartmentNameSpan" style="margin-top: 15px;">部门权限</div>
						<div class="jurisdictionListDiv">
							<input type="hidden" id="departmentId">
							<!-- 遍历权限 -->
							<c:forEach var="a" items="${menuList}">
								<div class="jurisdictionDiv">
									<input class="jurisdictionCheckbox" type="checkbox" value="${a.id}">
									<span class="jurisdictionName">${a.name}</span>
								</div>
							</c:forEach>
						</div>
					</div>
					<div class="addDepartmentRowDiv" style="margin-top: 12%;border-top: 1px solid #FFFFFF;">
						<div class="addDepartmentDivBtn" id="closeAddDepartmentDiv" style="border-right: 1px solid #FFFFFF;" >取消</div>
						<div class="addDepartmentDivBtn" id="saveAddDepartmentDiv">保存</div>
					</div>
				</div>
				<!-- 部门信息 -->
				<div class="departmentInfoListDiv">
					<div class="departmentInfoListTitleDiv">
						<span style="width: 96%;text-align: center;">部门管理</span>
						<span class="closeDepartmentInfoListDiv">X</span>
					</div>
					<div class="addDepartmentBtn">新增部门</div>
					<div class="departmentInfoListTableDiv">
						<table class="departmentInfoListTable" cellpadding="0" cellspacing="0" border="1">
							<tbody style="background-color: #0B2B78">
							<tr>
								<td style="width: 20%;">部门名称</td>
								<td style="width: 55%;">部门权限</td>
								<td style="width: 25%;">操作</td>
							</tr>
							<c:forEach var="a" items="${organizationStructureList}">
								<tr data-id="${a.id}" data-name="${a.name}" data-jurisdiction="${a.jurisdiction}">
									<td>${a.name}</td>
									<td>${a.jurisdictionName}</td>
									<td class="departmentOperationTd">
										<span class="updateDepartmentBtn">修改</span>
										<span class="deleteDepartmentBtn">删除</span>
									</td>
								</tr>
							</c:forEach>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		<!-- 人员弹出窗口 -->
		<div class="userPopupDiv" hidden>
			<div class="userDiv">
				<div class="userLeftDiv">
					<div class="addUserDiv">
						<div class="cancelAddUserBtn">取消</div>
						<div class="saveAddUserBtn">保存</div>
					</div>
					<div class="updateUserDiv">
						<input type="hidden" id="doctorUUID">
						<div class="updateUserBtn">修改信息</div>
						<div class="deleteUserBtn">删除人员</div>
					</div>
				</div>
				<div class="userMiddleDiv">
					<img src="img/userPhoto.png" class="userInfoImg" id="userInfoImg">
					<div class="uploadPicturesBtn">上传照片</div>
					<input type="file" id="uploadPicturesFile" style="display:none;">
					<div class="userInfoRowDiv" id="userNameDiv">
						<input type="text" class="userNameInput userInputBox" placeholder="请输入姓名" maxlength="8">
						<span class="userSpan" style="margin-right: 25%;">张三</span>
					</div>
					<div class="userInfoRowDiv">
						<table class="userInfoTable">
							<tbody style="background-color: #0B2B78;">
							<tr>
								<td class="userInfoLeftDiv">手机号码：</td>
								<td class="userInfoRightDiv" id="userCellDiv">
									<input type="text" class="userInfoInput userInputBox" placeholder="请输入手机号码" maxlength="11">
									<span class="userSpan" style="margin-left: 20px;">17828282828</span>
								</td>
							</tr>
							<tr>
								<td class="userInfoLeftDiv">登录账号：</td>
								<td class="userInfoRightDiv" id="userLoginNameDiv">
									<input type="text" class="userInfoInput userInputBox" placeholder="请设置登录账号" maxlength="20">
									<span class="userSpan" style="margin-left: 20px;">zhangsan</span>
								</td>
							</tr>
							<tr>
								<td class="userInfoLeftDiv">账号密码：</td>
								<td class="userInfoRightDiv" id="userLoginPassDiv">
									<input type="text" class="userInfoInput userInputBox" placeholder="请设置密码" maxlength="16">
									<span class="userSpan" style="margin-left: 20px;">******</span>
								</td>
							</tr>
							<tr>
								<td class="userInfoLeftDiv">所属部门：</td>
								<td class="userInfoRightDiv" id="userOrgNameDiv">
									<span style="margin-left: 20px;">部门A</span>
								</td>
							</tr>
							<tr>
								<td class="userInfoLeftDiv">部门管理员：</td>
								<td class="userInfoRightDiv" id="isManagerDiv">
									<input type="radio" name="isManager" class="userInfoRadio" value="1" style="margin: 0px 10px;">是
									<input type="radio" name="isManager" class="userInfoRadio" value="0" style="margin: 0px 10px;" checked>否
								</td>
							</tr>
							<tr>
								<td class="userInfoLeftDiv">模块权限：</td>
								<td class="userInfoRightDiv" id="userJurisdictionDiv">
									<div class="userInfoCheckboxDiv">
										<input type="checkbox" name="userJurisdiction" class="userInfoCheckbox" value="1" style="margin: 0px 10px;">
										机构信息
									</div>
								</td>
							</tr>
							</tbody>
						</table>
					</div>
				</div>
				<div class="userRightDiv"><span>X</span></div>
			</div>
		</div>

		<footer>
			<div><span>设计单位：杭州全诊医学科技有限公司 www.aioclinic.com</span></div>
		</footer>
	</div><!-- fullScreenDiv -->
</div>

<script src="<c:url value="/js/lib/jquery.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/bootstrap.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/echarts.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/flexible.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/weknow.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/pc/home_page_common/home_page_common.js?V0.1.1"/>" type="text/javascript"></script>
<script src="<c:url value="/js/pc/system_setting/system_setting.js?V0.1"/>" type="text/javascript"></script>
</body>
</html>
